@charset "utf-8";
main {
  flex: 0 0 50%;;;
  display: flex;
  flex-direction: column;
  padding: 4.1rem 1.9375rem 2.25rem 4.625rem;;
  .t {
    height: 17.375rem;
    width: 100%;
    //    background: #ccc;
    display: flex;
    .t-l {
      width: 40.937rem;
      .t-l-t {
        height: 12.125rem;
        .investment-box {
          margin-top: 2.5rem;
          display: flex;
          justify-content: flex-start;
          .investment-item {
            width: 33.33%;
            .b-info {
              padding-left: 1.25rem;
              margin-top: 1.25rem;
              i {
                margin-left: -.5rem;
                font-size: 1.5rem;
                color: #e5225a;
              }
            }
          }
        }
      }
      .t-l-b {
        flex: 0 0 50%;;
        .zh {
          margin-top: 0.5rem;
        }
      }
    }
    .t-c {
      width: 36.125rem;
      padding-left: 3rem;
      .country-box {
        height: 10.8rem;
        margin-top: 2.6rem;
        padding-left: 1.56rem;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        .country-item {
          width: 4.5rem;
          height: 5.25rem;
          margin-right: 1.5625rem;
          img {
            display: block;
            width: 4.25rem;
            height: 2.8rem;
          }
          .country-name {
            display: inline-block;
            text-align: center;
            width: 100%;
            font-size: 0.875rem;
            margin-top: 0.5rem;
          }
        }
      }
    }
    .t-r {
      @extend .t-c;
      //flex:0 0 50%;
      width: 36.375rem;
    }
  }
  .b {
    flex: 0 0 40%;
    display: flex;
    .b-l {
      flex: 0 0 65%;
      flex-direction: row;
      display: flex;
      .b-l-l {
        flex: 0 0 60%;
        height: 36.5rem;
        #ec02_map_world {
          width: 100%;
          height: 100%;
          background: url("../imgs/inves_map.png") no-repeat;
          background-size: 100% 100%;
        }
      }
      .b-l-r {
        flex: 0 0 40%;;
        height: 36.5rem;
        padding: 2.7rem 2rem 0 1rem;
        .legend_box{
          margin-top: 1.6rem;
          span{
            display: inline-block;
            width: 1.625rem;
            height: 0.75rem;
            background-color: #11e099;
            margin-right: 0.5rem;
          }
          h3{
            display: inline-block;
            font-size: 0.875rem;
            color: #ffffff;
          }
          div{
            width: 21rem;
            margin-left: 2.425rem;
            text-align: left;
            margin-top: 1rem;
            color: #666666;
            font-size: 0.72rem;
          }
        }
        .legend_box2{
          span{
           background-color: #2377fe;
          }
        }
        .legend_box3{
          span{
            background-color: #4450a8;
          }
        }
        .legend_box4{
          span{
            background-color: #111731;
          }
        }
      }
    }
    .b-r {
      flex: 0 0 35%;;
      padding-top: 4.625rem;
      h3 {
        margin-left: 10.375rem;
      }
      #ec01_bar_investment {
        width: 100%;
        height: 28rem;

      }
    }
  }
}

.icons {
  display: inline-block;
  width: .375rem;
  height: .375rem;
  margin: 0 .5rem;
  vertical-align: middle;
  background: #2377fe;
  line-height: 22px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

;
.num {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.875rem;
  font-weight: bolder;
}

.unit {
  color: var(--c_mainGray);
}